import styled from "styled-components";

export const LyricWrapper = styled.div`
  z-index: 10;
  flex: 1;
  margin: 20px 0;
  /* overflow: scroll; */
  overflow-y: auto;

  &::-webkit-scrollbar {
    display: none;
    /* width: 10px;
    height: 260px;
    background: #000;
    opacity: .5; */
  }

  .lrc-content {
    /* height: 100%;
    overflow-y: auto;
    
    &::-webkit-scrollbar {
      display: none;
    } */
    
    .lrc-item {
      text-align: center;
      min-height: 32px;
      line-height: 32px;
      color: #989898;
      
      &.active {
        color: #fff;
        font-size: 14px;
      }
    }
  }
`